<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>首页</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" th:href="@{/component/layui/css/layui.css}"/>
  <link rel="stylesheet" th:href="@{/assets/style.css}"/>
  <link rel="stylesheet" th:href="@{/assets/global.css}"/>
</head>
<body>
    <!-- 顶部 -->
	<th:block th:include="edu/front/common/header :: header"/>
	<div class="layui-banner">
		<div class="layui-carousel" id="carousel" style="margin: auto; width: 100%; height: 440px;">
		  <div carousel-item="">
			  <div th:each="item:${lunbo}" class="layui-this">
				  <img th:src="${item.url}" style="width: 100%;height: 100%;"/>
			  </div>
		  </div>
		</div>
	</div>
	<div class="layui-container" style="width: 1240px;">
	    <div class="layui-row">
		    <div class="layui-col-sm12" style="margin-top: 40px;">
                <h3 class="course_title layui-border-green"
					style="line-height: 36px;text-align: center;font-size: 20px;font-weight: 600;color: #4D555D;"><img th:src="@{/assets/images/item.png}">公<span></span>共<span></span>课<span></span>程</h3>
                    <div class="layui-col-md3 datagrid-item" th:each="item:${ggkc}" onclick="Detail(${item.id})">
						<div class="project-list-item">
							<img class="project-list-item-cover" th:src="${item.imageUrl}">
							<div class="project-list-item-body">
								<h2 th:text="${item.name}"/>
								<div class="project-list-item-desc">
									<span class="time" th:text="${item.createTime}"><i
											class="layui-icon layui-icon-log"></i></span>
									<div class="head-list">
										<img class="head-list-item" lay-tips="曲丽丽" lay-offset="0,-5px" src="https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png">
								    </div>
							    </div>
						    </div>
						</div>						
					</div>
			</div>
		</div>    
	</div>
	<div class="layui-container" style="width: 1240px;">
	    <div class="layui-row">
		    <div class="layui-col-sm12">
			    <h3 class="course_title layui-border-green" style="line-height: 36px;text-align: center;font-size: 20px;font-weight:
			    600;color: #4D555D;"><img th:src="@{/assets/images/item.png}">专<span></span>业<span></span>课<span></span>程</h3>
                    <div class="layui-col-md3 datagrid-item" th:each="item:${zykc}" onclick="Detail(${item.id})">
						<div class="project-list-item">
							<img class="project-list-item-cover" th:src="${item.imageUrl}">
							<div class="project-list-item-body">
								<h2 th:text="${item.name}"/>
								<div class="project-list-item-desc">
									<span class="time" th:text="${item.createTime}"><i class="layui-icon layui-icon-log"></i></span>
									<div class="head-list">
										<img class="head-list-item" lay-tips="曲丽丽" lay-offset="0,-5px" src="https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png">
								    </div>
							    </div>
						    </div>
						</div>						
					</div>
			</div>
		</div>    
	</div>
	<div class="layui-container" style="width: 1240px;">
	    <div class="layui-row">
		    <div class="layui-col-sm12">
			    <h3 class="course_title layui-border-green" style="line-height: 36px;text-align: center;font-size: 20px;font-weight:
			    600;color: #4D555D;"><img th:src="@{/assets/images/item.png}">免<span></span>费<span></span>课<span></span>程</h3>
                    <div class="layui-col-md3 datagrid-item" th:each="item:${mfkc}" onclick="Detail(${item.id})">
						<div class="project-list-item">
							<img class="project-list-item-cover" th:src="${item.imageUrl}">
							<div class="project-list-item-body">
								<h2 th:text="${item.name}"/>
								<div class="project-list-item-desc">
									<span class="time" th:text="${item.createTime}"><i class="layui-icon layui-icon-log"></i></span>
									<div class="head-list">
										<img class="head-list-item" lay-tips="曲丽丽" lay-offset="0,-5px" src="https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png">
								    </div>
							    </div>
						    </div>
						</div>						
					</div>
			</div>
		</div>    
	</div>
	<!-- 底部 -->
	<th:block th:include="edu/front/common/footer :: footer" />
	<th:block th:include="edu/front/common/js :: js"/>
	<script text="text/javascript">
		layui.use(['carousel', 'form'], function() {
			var carousel = layui.carousel
					, form = layui.form;
			carousel.render({
				elem: '#carousel'
				,width: '100%'
				,height: '440px'
				,interval: 4000
				,arrow: 'hover'
			});
		});
	</script>
</body>
</html>


